<template>
<div class="big">
    <div class="left">
        <slot name="left"></slot>
    </div>
    <div class="middle">
        <slot name="middle"></slot>
    </div>
    <div class="right">
        <slot name="right"></slot>
    </div>
</div>

</template>

<script>
export default {
data(){
return {


}

}
}
</script>
<style lang='less' scoped>
.big{
    display: flex;
    justify-content: space-between;
    // div{
    //     flex: 1;
    // }
}
</style>
